$(function () {
    $("#jqGrid").jqGrid({
        url: baseURL + 'business/supervisetemplet/list',
        datatype: "json",
        colModel: [
            {label: '模板标题', name: 'mbmc', index: 'MBMC', width: 80},
            {
                label: '创建单位', name: 'shijdm', width: 60, formatter: function (value, options, row) {
                return row.mblx === '0' ?
                    '<span >系统生成</span>' :
                    '<span  >' + value + '</span>';
            }
            },
            { label: '生效区划', name: 'cityName', index: 'cityName', width: 80 },
            // { label: '创建时间', name: 'createTime', index: "create_time", width: 85},
            {
                name: 'createTime',
                index: 'createTime',
                label: "创建时间",
                editable: false,
                width:80,
                formatter: function (value, options, row) {
                    return dateFtt("yyyy/MM/dd", new Date(value));
                }
            },
            {
                label: '模板类型', name: 'standardType', width: 60, formatter: function (value, options, row) {

                if (row.mblx === '0') {
                    if(value==='1'){
                        return "标准模板-队伍管理"
                    }
                    if(value==='2'){
                        return "标准模板-执法执勤"
                    }
                    if(value==='3'){
                        return "标准模板-社会面管控"
                    }
                    if(value==='4'){
                        return "标准模板-其他问题"
                    }

                } else if (row.mblx === '1') {
                    return "自定义模板";
                } else if (row.mblx === '3') {
                    return "每日必查模板";
                } else {
                    return "";
                }
            }
            },
            {
                label: '模板使用状态', name: 'status', width: 60, formatter: function (value, options, row) {
                if (row.mblx === '0') {
                    return '<span style="color: #00a65a" >使用中</span>';
                }
                return value === '0' ?
                    '<span >未使用</span>' :
                    '<span style="color: #00a65a" >使用中</span>';
            }
            },
            {
                label: '操作', name: 'id', width: 60, formatter: function (value, options, row) {
                return "<a onclick='vm.lookTpl("+value+")' >查看</a>";
            }
            }
        ],
        viewrecords: true,
        height: 385,
        rowNum: 10,
        rowList: [10, 30, 50],
        rownumbers: true,
        rownumWidth: 25,
        autowidth: true,
        // multiselect: true,
        pager: "#jqGridPager",
        jsonReader: {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },
        prmNames: {
            page: "page",
            rows: "limit",
            order: "order"
        },
        gridComplete: function () {
            //隐藏grid底部滚动条
            $("#jqGrid").closest(".ui-jqgrid-bdiv").css({"overflow-x": "hidden"});
        }
    });
});

var vm = new Vue({
    el: '#rrapp',
    data() {
        oneLevelNum = 0;
        oneLevelNumToAdd = 0;
        return {
            q:{
                mbmc: null
            },
            showList: true,
            mblb: null,//查看模板类别
            title: null,
            superviseTemplet: {},
            rightTtitle: '模板预览',
            isAdd: false, // 是否显示添加按钮和底部按钮
            tplTitle: '', // 预览模板标题
            publicActiveId: '', // 左侧模板标识为选中状态的id
            showListFlags: { // 模板类型列表
                bzmbFlag: true,
                zxmbFlag: false,
                wdmbFlag: false,
                mrbcFlag: false
            },
            showTplFlag: { // 模板详情列表
                levelAFlag: false,
                levelBFlag: false,
                levelCFlag: false
            },
           /* props2: {
                children: 'children',
                label: 'questionDescription'
            },
            data2: [],*/
            props2: {
                children: 'children',
                label: 'label'
            },
            props: {
                children: 'children',
                label: 'label'
            },
            data: [],
            data2: [{
                id: 1,
                label: '一级 1',
                levelNum: 1,
                children: [{
                    pid: 1,
                    id: 4,
                    label: '二级 1-1',
                    levelNum: 2,
                    children: [{
                        pid: 4,
                        id: 9,
                        levelNum: 3,
                        label: '三级 1-1-1'
                    }, {
                        pid: 4,
                        id: 10,
                        levelNum: 3,
                        label: '三级 1-1-2'
                    }]
                }]
            }, {
                id: 2,
                label: '一级 2',
                levelNum: 1,
                children: [{
                    pid: 2,
                    id: 5,
                    levelNum: 2,
                    label: '二级 2-1'
                }, {
                    pid: 2,
                    id: 6,
                    levelNum: 2,
                    label: '二级 2-2'
                }]
            }, {
                id: 3,
                label: '一级 3',
                levelNum: 1,
                children: [{
                    pid: 3,
                    id: 7,
                    levelNum: 2,
                    label: '二级 3-1'
                }, {
                    pid: 3,
                    id: 8,
                    levelNum: 2,
                    label: '二级 3-2'
                }]
            }],
            checkedKeys:[], // 编辑时选中的问题
            halefCheckedKeys: [], // 编辑时半选的问题
            // 左侧
            templetData: [], // 模板类型列表(左侧)
            templetItemData: [], // 模板列表（二级列表，标准问题）
            templetItemDiyData: [], // 模板列表（二级列表，自定义问题）
            templetItemMineData: [], // 模板列表（二级列表，标准问题）
            templetItemDailyData: [], // 模板列表（二级列表，标准问题）

            // 中间 模板详情
            levelClass: '1.', // 级别class（所有模板项，根据levelNum添加不同等级的class来改变样式）
            templetInfoData: [], // 模板详情（返回的数据，所有模板在同一级）
            templetInfoLevelData: [], // 获取模板详情后，将数据按照等级重新组装（各级模板放在对应的父级对象的属性内）
            // templetInfoSecondData: [], // 模板详情（二级列表）
            // templetInfoThirdData: [], // 模板详情（三级列表）
            templetInfoShowFlagArr: [], // 每个问题项是否显示

            // 右侧 所有模板问题项
            templetQusationData: [], // 模板问题（所有模板问题，根据levelNum添加不同等级的class来改变样式）
            // templetQusationSecondData: [], // 模板问题（二级列表）
            // templetQusationThirdData: [], // 模板问题（三级列表）
            templetQusationShowFlagArr: [], // 三级列表是否显示

            // 中间 新增时选中的模板
            templetInfoCheck: [], // 选中的模板问题（所有 选中的模板问题，根据levelNum添加不同等级的class来改变样式）
            // templetInfoSecondCheck: [], // 选中的模板问题（二级列表）
            // templetInfoThirdCheck: [], // 选中的模板问题（三级列表）

            newTplName: '', // 新增模板的名字
            mblx: '1', // 新增模板的类型
            templetInfoDataAdd: [], // (新增模板预览所有 选中的模板问题，根据levelNum添加不同等级的class来改变样式）
            // templetInfoSecondDataAdd: [], // 新增模板预览（二级列表）
            // templetInfoThirdDataAdd: [], // 新增模板预览（三级列表）
            ids: [], // 新增id
        }
    },
    mounted() {
        oneLevelNum = 0;
        oneLevelNumToAdd = 0;
        // this.getlistData();
        this.getStandardlistData();
    },
    filters: {
        formatterLevel: function (val) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            switch (val) {
                case '1':
                    return 'first-level'
                    break
                case '2':
                    return 'second-level'
                    break
                case '3':
                    return 'third-level'
                    break
                case '4':
                    return 'fourth-level'
                    break
            }
        }
    },
    methods: {
        checkMblb: function (mblb) {
            vm.mblb=mblb;
            vm.reload();
        },
        query: function () {
        vm.reload();
        },
        reload: function () {
            vm.showList = true;
            var page = $("#jqGrid").jqGrid('getGridParam','page');
            $("#jqGrid").jqGrid('setGridParam',{
                postData:{'mbmc': vm.q.mbmc,'mblx':vm.mblb},
                page:page
            }).trigger("reloadGrid");
        },
        handleCheckChange(data, checked, indeterminate) { // arguments:对象、节点本身是否被选中、节点的子树中是否有被选中的节点
            var halfCheckedNodes = vm.$refs.tree2.getHalfCheckedNodes() // 获取半选数据
            var halfCheckedKeys = vm.$refs.tree2.getHalfCheckedKeys() // 获取半选id
            var checkedNodes = vm.$refs.tree2.getCheckedNodes() // 获取选中数据
            var checkedKeys = vm.$refs.tree2.getCheckedKeys() // 获取选中id
            var checkedNode = vm.$refs.tree2.getNode('1').parent // 获取所有数据

            var halfCheckedData = halfCheckedNodes // 定义新半选变量不操作原数据
            var checkedData = checkedNodes // 定义新选中变量不操作原数据

            var firstData = []
            var secondData = []
            var thirdData = []
            var fourthData = []

            // 将半选的问题放入各级数组
            for (var i in halfCheckedData) {
                if (halfCheckedData[i].levelNum == 1) {
                    firstData.push({
                        id: halfCheckedData[i].id,
                        label: halfCheckedData[i].label,
                        pid: 0,
                        children: [],
                        levelNum: 1
                    })
                } else if (halfCheckedData[i].levelNum == 2) {
                    secondData.push({
                        id: halfCheckedData[i].id,
                        label: halfCheckedData[i].label,
                        pid: halfCheckedData[i].pid,
                        children: [],
                        levelNum: 2
                    })
                } else if (halfCheckedData[i].levelNum == 3) {
                    thirdData.push({
                        id: halfCheckedData[i].id,
                        label: halfCheckedData[i].label,
                        pid: halfCheckedData[i].pid,
                        children: [],
                        levelNum: 3
                    })
                } else {
                    fourthData.push({
                        id: halfCheckedData[i].id,
                        label: halfCheckedData[i].label,
                        pid: halfCheckedData[i].pid,
                        children: [],
                        levelNum: 4
                    })
                }
            }
            // 将选中的问题放入各级数组
            for (var i in checkedData) {
                if (checkedData[i].levelNum == 1) {
                    firstData.push({
                        id: checkedData[i].id,
                        label: checkedData[i].label,
                        pid: 0,
                        children: [],
                        levelNum: 1
                    })
                } else if (checkedData[i].levelNum == 2) {
                    secondData.push({
                        id: checkedData[i].id,
                        label: checkedData[i].label,
                        pid: checkedData[i].pid,
                        children: [],
                        levelNum: 2
                    })
                } else if (checkedData[i].levelNum == 3) {
                    thirdData.push({
                        id: checkedData[i].id,
                        label: checkedData[i].label,
                        pid: checkedData[i].pid,
                        children: [],
                        levelNum: 3
                    })
                } else {
                    fourthData.push({
                        id: checkedData[i].id,
                        label: checkedData[i].label,
                        pid: checkedData[i].pid,
                        children: [],
                        levelNum: 4
                    })
                }
            }

            // 对每个等级的数组进行排序
            function compare(property){
                return function(arg1,arg2){
                    var value1 = arg1[property];
                    var value2 = arg2[property];
                    return value1 - value2;
                }
            }

            firstData.sort(compare('id'))
            secondData.sort(compare('id'))
            thirdData.sort(compare('id'))
            fourthData.sort(compare('id'))

            // 将半选的fourthData放入对应的thirdData内
            for (var i in fourthData) {
                var pid = fourthData[i].pid
                for (var j in thirdData) {
                    if (thirdData[j].id === pid) {
                        thirdData[j].children.push({
                            id: fourthData[i].id,
                            label: fourthData[i].label,
                            pid: fourthData[i].pid,
                            children: [],
                            levelNum: 4
                        })
                    }
                }
            }
            // 将半选的thirdData放入对应的secondData内
            for (var i in thirdData) {
                var pid = thirdData[i].pid
                for (var j in secondData) {
                    if (secondData[j].id === pid) {
                        secondData[j].children.push({
                            id: thirdData[i].id,
                            label: thirdData[i].label,
                            pid: thirdData[i].pid,
                            children: thirdData[i].children || [],
                            levelNum: 3
                        })
                    }
                }
            }
            // 将半选的secondData放入对应的firstData内
            for (var i in secondData) {
                var pid = secondData[i].pid
                for (var j in firstData) {
                    if (firstData[j].id === pid) {
                        firstData[j].children.push({
                            id: secondData[i].id,
                            label: secondData[i].label,
                            pid: secondData[i].pid,
                            children: secondData[i].children || [],
                            levelNum: 2
                        })
                    }
                }
            }


            vm.data = firstData
            vm.ids = halfCheckedKeys.concat(checkedKeys)
            console.log(vm.ids)
        },

        // 所有 获取所有模板数据
      /*  getlistData: function () {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let url = 'business/supervisetemplet/findAllModelToUserIdList';
            $.ajax({
                type: "POST",
                url: baseURL + url,
                contentType: "application/json",
                success: function (res) {
                    if (res.code === '0') {
                        for (var i in res.list) {
                            switch (res.list[i].mblx) {
                                case '0':
                                    vm.templetItemData.push(res.list[i])
                                    break
                                case '1':
                                // vm.templetItemDiyData.push(res.list[i])
                                // break
                                case '2':
                                    vm.templetItemDiyData.push(res.list[i])
                                    // vm.templetItemMineData.push(res.list[i])
                                    break
                                default:
                                    vm.templetItemDailyData.push(res.list[i])
                                    break
                            }
                        }
                        vm.tplTitle = vm.templetItemData[0].mbmc
                        vm.viewModelInfo(vm.templetItemData[0].id)
                        vm.publicActiveId = vm.templetItemData[0].id
                        console.log(vm.publicActiveId)
                    } else {
                        alert(res.msg);
                    }
                }
            });
        },*/
        //获取所有问题数据
        getStandardlistData: function () {
            /*   let url = 'business/supervisestandard/list'
             $.ajax({
             type: "POST",
             url: baseURL + url,
             contentType: "application/json",
             success: function (res) {
             if (res.code === '0') {
             vm.templetQusationData = res.list //所有问题列表
             } else {
             alert(res.msg);
             }
             }
             });*/
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let url = 'business/supervisestandard/findAllList';
            // let url = 'business/supervisestandard/list';
            $.ajax({
                type: "GET",
                url: baseURL + url,
                contentType: "application/json",
                success: function (res) {debugger
                    if (res.code === '0') {
                        // vm.data2 = res.superviseStandard;
                      /*  vm.templetQusationData = res.list;
                        vm.templetQusationShowFlagArr = []
                        for (var i in vm.templetQusationData) { // 模板预览和模板问题显隐
                            if (vm.templetQusationData[i].levelNum === '1') {
                                vm.templetQusationShowFlagArr.push({
                                    showFlag: true,
                                    parentId: vm.templetQusationData[i].parentId,
                                    id: vm.templetQusationData[i].id,
                                    levelNum: vm.templetQusationData[i].levelNum
                                })
                            } else {
                                vm.templetQusationShowFlagArr.push({
                                    showFlag: false,
                                    parentId: vm.templetQusationData[i].parentId,
                                    id: vm.templetQusationData[i].id,
                                    levelNum: vm.templetQusationData[i].levelNum
                                })
                            }
                        }*/
                        vm.halefCheckedKeys = [] // 默认半选的id
                        vm.checkedKeys = [] // 默认选中的id
                    } else {
                        alert(res.msg);
                    }
                }
            });
        },
        // 左侧 点击模板分类查看分类下第一个模板的信息
        viewTpl: function (type) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let id = '';
            switch (type) {
                case '0':
                    id = vm.templetItemData[0].id
                    vm.publicActiveId = id
                    for (var i in vm.templetItemData) {
                        if (vm.templetItemData[i].id === id) {
                            vm.tplTitle = vm.templetItemData[i].mbmc
                        }
                    }
                    break
                case '1':
                    id = vm.templetItemDiyData[0].id
                    vm.publicActiveId = id
                    for (var i in vm.templetItemDiyData) {
                        if (vm.templetItemDiyData[i].id === id) {
                            vm.tplTitle = vm.templetItemDiyData[i].mbmc
                        }
                    }
                    break
                case '2':
                    id = vm.templetItemMineData[0].id
                    vm.publicActiveId = id
                    for (var i in vm.templetItemMineData) {
                        if (vm.templetItemMineData[i].id === id) {
                            vm.tplTitle = vm.templetItemMineData[i].mbmc
                        }
                    }
                    break
                default:
                    id = vm.templetItemDailyData[0].id
                    vm.publicActiveId = id
                    for (var i in vm.templetItemDailyData) {
                        if (vm.templetItemDailyData[i].id === id) {
                            vm.tplTitle = vm.templetItemDailyData[i].mbmc
                        }
                    }
                    break
            }
            vm.viewModelInfo(id)
        },
        // 左侧 查看模板类型下的列表
        toggleTplList: function (kind, index) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            switch (kind) {
                case 'default':
                    var flag = !vm.showListFlags.bzmbFlag
                    for (let i in vm.showListFlags) {
                        vm.showListFlags[i] = false
                    }
                    vm.showListFlags.bzmbFlag = flag
                    break
                case 'own':
                    var flag = !vm.showListFlags.zxmbFlag
                    for (let i in vm.showListFlags) {
                        vm.showListFlags[i] = false
                    }
                    vm.showListFlags.zxmbFlag = flag
                    break
                case 'daily':
                    var flag = !vm.showListFlags.mrbcFlag
                    for (let i in vm.showListFlags) {
                        vm.showListFlags[i] = false
                    }
                    vm.showListFlags.mrbcFlag = flag
                    break
                default:
                    var flag = !vm.showListFlags.wdmbFlag
                    for (let i in vm.showListFlags) {
                        vm.showListFlags[i] = false
                    }
                    vm.showListFlags.wdmbFlag = flag
            }
        },
        // 查看中间模板信息
        viewModelInfo: function (id, type) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let url = 'business/supervisetemplet/findModelStandardList?id=' + id
            $.ajax({
                type: "GET",
                url: baseURL + url,
                contentType: "application/json",
                success: function (res) {
                    if (res.code === '0') {
                        vm.templetInfoData = res.list;
                        vm.publicActiveId = id;
                        oneLevelNum = 0;
                        oneLevelNumToAdd = 0;
                        switch (type) {
                            case '0':
                                for (var i in vm.templetItemData) {
                                    if (vm.templetItemData[i].id === id) {
                                        vm.tplTitle = vm.templetItemData[i].mbmc
                                    }
                                }
                                break
                            case '1':
                                for (var i in vm.templetItemDiyData) {
                                    if (vm.templetItemDiyData[i].id === id) {
                                        vm.tplTitle = vm.templetItemDiyData[i].mbmc
                                    }
                                }
                                break
                            case '2':
                                for (var i in vm.templetItemMineData) {
                                    if (vm.templetItemMineData[i].id === id) {
                                        vm.tplTitle = vm.templetItemMineData[i].mbmc
                                    }
                                }
                                break
                            default:
                                for (var i in vm.templetItemDailyData) {
                                    if (vm.templetItemDailyData[i].id === id) {
                                        vm.tplTitle = vm.templetItemDailyData[i].mbmc
                                    }
                                }
                                break
                        }
                        vm.templetInfoShowFlagArr = []
                        // vm.templetQusationShowFlagArr = []
                        for (var i in vm.templetInfoData) { // 模板预览和模板问题显隐
                            if (vm.templetInfoData[i].levelNum === '1') {
                                vm.templetInfoShowFlagArr.push({
                                    showFlag: true,
                                    parentId: vm.templetInfoData[i].parentId,
                                    id: vm.templetInfoData[i].id,
                                    levelNum: vm.templetInfoData[i].levelNum
                                })
                                // vm.templetQusationShowFlagArr.push({showFlag: true, parentId: vm.templetInfoData[i].parentId, id: vm.templetInfoData[i].id, levelNum: vm.templetInfoData[i].levelNum})
                            } else {
                                vm.templetInfoShowFlagArr.push({
                                    showFlag: false,
                                    parentId: vm.templetInfoData[i].parentId,
                                    id: vm.templetInfoData[i].id,
                                    levelNum: vm.templetInfoData[i].levelNum
                                })
                                // vm.templetQusationShowFlagArr.push({showFlag: false, parentId: vm.templetInfoData[i].parentId, id: vm.templetInfoData[i].id, levelNum: vm.templetInfoData[i].levelNum})
                            }
                        }
                    } else {
                        alert(res.msg);
                    }
                }
            });
        },
        // 点击模板(问题)列表切换显隐
        viewChildTpl: function (arrName, index) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let listArr = arrName === 'templetInfoShowFlagArr' ? vm.templetInfoShowFlagArr : vm.templetQusationShowFlagArr
            var showId = listArr[index].id
            var showFlag = !listArr[index].showFlag
            // 点击一级列表
            if (listArr[index].levelNum === '1') {
                for (var i in listArr) { // 控制二级列表
                    if (listArr[i].parentId === showId) {
                        listArr[i].showFlag = !listArr[i].showFlag
                        var secondShowId = listArr[i].id
                        for (var j in listArr) { // 控制三级列表
                            if (listArr[j].parentId === secondShowId) {
                                listArr[j].showFlag = showFlag
                                var thirdShowId = listArr[j].id
                                for (var k in listArr) { // 控制四级列表
                                    if (listArr[k].parentId === thirdShowId) {
                                        listArr[k].showFlag = showFlag
                                    }
                                }
                            }
                        }
                    }
                }
            }
            // 点击二级列表
            if (listArr[index].levelNum === '2') {
                for (var j in listArr) { // 控制三级列表
                    if (listArr[j].parentId === showId) {
                        listArr[j].showFlag = !listArr[j].showFlag
                        var thirdShowId = listArr[j].id
                        for (var k in listArr) { // 控制四级列表
                            if (listArr[k].parentId === thirdShowId) {
                                listArr[k].showFlag = showFlag
                            }
                        }
                    }
                }
            }
            // 点击三级列表
            if (listArr[index].levelNum === '3') {
                for (var k in listArr) { // 控制四级列表
                    if (listArr[k].parentId === showId) {
                        listArr[k].showFlag = !listArr[k].showFlag
                    }
                }
            }
        },
        // 点击添加按钮
        addTpl: function () {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            vm.rightTtitle = '模板新增'
            vm.isAdd = !vm.isAdd
            vm.showList=false;
        },
        // 点击添加按钮
        lookTpl: function (value) {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            vm.rightTtitle = '模板新增'
            vm.isAdd = vm.isAdd
            vm.showList=false;
            vm.viewModelInfo(value,1);
        },
        // 选择问题(编辑时)
        checkQuastion: function (tplData, index) {
            // debugger
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            let arrayIndex = $.inArray(tplData.id, vm.ids)
            let pushIndex = ''
            if (arrayIndex >= 0) { // 已选中 删除
                vm.templetInfoDataAdd.splice(arrayIndex, 1)
                vm.ids.splice(arrayIndex, 1)
            } else { // 未选中 添加
                if (parseInt(tplData.id) > parseInt(vm.ids[vm.ids.length - 1]) || vm.ids.length === 0) {
                    if (tplData.parentId !== '0' && $.inArray(tplData.parentId, vm.ids) < 0) {
                        if (tplData.levelNum === '2') {
                            var parentData
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === tplData.parentId) {
                                    parentData = vm.templetQusationData[i]
                                }
                            }
                            vm.templetInfoDataAdd.push(parentData)
                            vm.ids.push(parentData.id)
                            vm.templetInfoDataAdd.push(tplData)
                            vm.ids.push(tplData.id)
                        } else if (tplData.levelNum === '3') {
                            var parentData, parentData2
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === tplData.parentId) {
                                    parentData2 = vm.templetQusationData[i]
                                }
                            }
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === parentData2.parentId) {
                                    parentData = vm.templetQusationData[i]
                                }
                            }
                            vm.templetInfoDataAdd.push(parentData)
                            vm.ids.push(parentData.id)
                            vm.templetInfoDataAdd.push(parentData2)
                            vm.ids.push(parentData2.id)
                            vm.templetInfoDataAdd.push(tplData)
                            vm.ids.push(tplData.id)
                        } else if (tplData.levelNum === '4') {
                            var parentData, parentData2, parentData3
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === tplData.parentId) {
                                    parentData3 = vm.templetQusationData[i]
                                }
                            }
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === parentData3.parentId) {
                                    parentData2 = vm.templetQusationData[i]
                                }
                            }
                            for (var i in vm.templetQusationData) {
                                if (vm.templetQusationData[i].id === parentData2.parentId) {
                                    parentData = vm.templetQusationData[i]
                                }
                            }
                            vm.templetInfoDataAdd.push(parentData)
                            vm.ids.push(parentData.id)
                            vm.templetInfoDataAdd.push(parentData2)
                            vm.ids.push(parentData2.id)
                            vm.templetInfoDataAdd.push(parentData3)
                            vm.ids.push(parentData3.id)
                            vm.templetInfoDataAdd.push(tplData)
                            vm.ids.push(tplData.id)
                        }
                    } else {
                        vm.templetInfoDataAdd.push(tplData)
                        vm.ids.push(tplData.id)
                    }
                } else {
                    let min = vm.ids[vm.ids.length - 1] - tplData.id // 计算数组中最后一条数据的id与当前id的差
                    for (var i in vm.ids) {
                        var arrayMin = vm.ids[i] - tplData.id
                        if (arrayMin > 0) {
                            min = arrayMin
                            pushIndex = i
                            if ($.inArray(tplData.parentId, vm.ids) < 0) {
                                var parentData = vm.templetQusationData[tplData.parentId - 1]
                                vm.templetInfoDataAdd.splice(pushIndex, 0, parentData)
                                vm.ids.splice(pushIndex, 0, tplData.parentId)
                                vm.templetInfoDataAdd.splice(pushIndex++, 0, tplData)
                                vm.ids.splice(pushIndex++, 0, tplData.id)
                            } else {
                                vm.templetInfoDataAdd.splice(pushIndex, 0, tplData)
                                vm.ids.splice(pushIndex, 0, tplData.id)
                            }
                            return false
                        }
                    }
                }
            }
            console.log(vm.ids)
            // if (tplLevel === '0') {
            //     //拿到问题id，判断templetInfoDataAdd（新增预览一级列表）内是否有对应的数据，没有则把templetInfoData内与此id对应的数据push入Add数组并把id放入ids，有则删并把id从ids中删除
            // }
            // if (tplLevel === '1') {
            //     //拿到问题id，判断templetInfoSecondDataAdd（新增预览二级列表）内是否有对应的数据，没有则把templetInfoSecondData内与此id对应的数据push入Add数组并把id放入ids，有则删并把id从ids中删除
            // }
            // if (tplLevel === '2') {
            //     //拿到问题id，判断templetInfoThirdDataAdd（新增预览三级列表）内是否有对应的数据，没有则把templetInfoThirdData内与此id对应的数据push入Add数组并把id放入ids，有则删并把id从ids中删除
            // }
        },

        // 取消添加模板
        cancelAddTpl: function () {
            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            vm.isAdd = !vm.isAdd;
            vm.showList=true;
            vm.rightTtitle = '模板预览';
            vm.newTplName = ''; // 新增模板的名字
            vm.mblx = '1'; // 新增模板的类型
            vm.templetInfoDataAdd = [];// 模板预览（一级列表）重置
            // vm.templetInfoSecondDataAdd = [] // 模板预览（二级列表）重置
            // vm.templetInfoThirdDataAdd = [] // 模板预览（三级列表）重置
            vm.ids = []// 新增id重置
        },
        // 确定添加模板
        comfirmAddTpl: function () {

            oneLevelNum = 0;
            oneLevelNumToAdd = 0;
            layer.confirm("是否确定添加模板？", function (index) {
                //请求
                let url = 'business/supervisetemplet/save';
                let params = {};
                //两个值都没取到
                params.mbmc = $("#newTplName").val();
                // params.mbmc = vm.newTplName;
                params.mbwtx = vm.ids.toString();
                params.mblx = vm.mblx;//模板类型 1：自定义模板 3：每日必查模板  只能是这两个的一个
                console.log(vm.ids)
                debugger
                $.ajax({
                    type: "POST",
                    url: baseURL + url,
                    contentType: "application/json",
                    data: JSON.stringify(params),
                    success: function (res) {
                        if (res.code === '0') {
                            //请求成功刷新页面数据
                            //回调函数执行的方法
                            vm.getlistData()
                            vm.cancelAddTpl()
                            vm.isDaily = false
                        } else {
                            alert(res.msg);
                        }
                    }
                });
            });
        }
    }
});
var oneLevelNum = 0;
var twoLevelNum = 0;
var threeLevelNum = 0;
var fourLevelNum = 0;

Vue.filter('getSerialNum', function (value) {
    /*   if(value=='1'){
     oneLevelNum++;
     twoLevelNum = 0;
     threeLevelNum = 0;
     fourLevelNum = 0;
     return oneLevelNum+".";
     }else{
     fourLevelNum++;
     return oneLevelNum+"."+twoLevelNum+"."+threeLevelNum+"."+fourLevelNum+".";
     }*/
    switch (value) {
        case '1':
            oneLevelNum++;
            twoLevelNum = 0;
            threeLevelNum = 0;
            fourLevelNum = 0;
            return oneLevelNum + ".";
            break
        case '2':
            twoLevelNum++;
            threeLevelNum = 0;
            fourLevelNum = 0;
            return oneLevelNum + "." + twoLevelNum + ".";
            break
        case '3':
            threeLevelNum++;
            fourLevelNum = 0;
            return oneLevelNum + "." + twoLevelNum + "." + threeLevelNum + ".";
        case '4':
            fourLevelNum++;
            return oneLevelNum + "." + twoLevelNum + "." + threeLevelNum + "." + fourLevelNum + ".";
            break
    }
});
var oneLevelNumToAdd = 0;
var twoLevelNumToAdd = 0;
var threeLevelNumToAdd = 0;
var fourLevelNumToAdd = 0;
Vue.filter('getSerialNumToAdd', function (value) {
    /*   if(value=='1'){
     oneLevelNum++;
     twoLevelNum = 0;
     threeLevelNum = 0;
     fourLevelNum = 0;
     return oneLevelNum+".";
     }else{
     fourLevelNum++;
     return oneLevelNum+"."+twoLevelNum+"."+threeLevelNum+"."+fourLevelNum+".";
     }*/
    switch (value) {
        case '1':
            oneLevelNumToAdd++;
            twoLevelNumToAdd = 0;
            threeLevelNumToAdd = 0;
            fourLevelNumToAdd = 0;
            return oneLevelNumToAdd + ".";
            break
        case '2':
            twoLevelNumToAdd++;
            threeLevelNumToAdd = 0;
            fourLevelNumToAdd = 0;
            return oneLevelNumToAdd + "." + twoLevelNumToAdd + ".";
            break
        case '3':
            threeLevelNumToAdd++;
            fourLevelNumToAdd = 0;
            return oneLevelNumToAdd + "." + twoLevelNumToAdd + "." + threeLevelNumToAdd + ".";
        case '4':
            fourLevelNumToAdd++;
            return oneLevelNumToAdd + "." + twoLevelNumToAdd + "." + threeLevelNumToAdd + "." + fourLevelNumToAdd + ".";
            break
    }
});